{% extends 'base.html' %}
{% load static %}
{% load blog_extras %}
{% load diary_extras %}








              {% block coverflow %}

               {% show_carousel %}

              {% endblock coverflow %}   








        

          {% block main %}

            <div class="categoryNav-wrapper">
              <div class="categoryNav">
                <div class="dropdown ">
                 <a href="{% url 'blog:index' %}"> <span>智能推荐</span> </a>
                </div>

                {% if isBlog%}
                    <div class="dropdown active">
                        <span>全部文章</span>
                {% else %}
                    <div class="dropdown">
                        <a href="{% url 'blog:blogAll' %}"> <span>全部文章</span></a>
                {% endif %}

                </div>
                    {% if whatCate %}
                        {% show_General_cate whatCate %}
                    {% else %}
                        {% show_General_cate 0 %}
                    {% endif %}
                    
              </div>
            </div>
            <div class="col-xs-12">
            	<div class="row">
            		<div class="row postLists cards ">


{% for post in post_list %}

                  <div class="col-xxs-6 col-xs-4 col-lg-3 post-card-wrapper">
                     <div class="card">
                      <a href="{{ post.get_absolute_url }}" class="cover" style="background-image: url({% if post.cover_url %}{{ post.cover_url }}{% else %}{% static 'blog/img/cover/none.png' %}{% endif %});" showas="padding"></a>
                      <a href="{{ post.get_absolute_url }}" showas="img"><img src="{% if post.cover_url %}{{ post.cover_url }}{% else %}{% static 'blog/img/cover/none.png' %}{% endif %}" class="cover" alt="" /></a>
                      <div class="meta">
                       <div class="date">
                        <!-- 9月6日 &middot; 2019年 -->
                        {{ post.created_time }}
                       </div>
                       <h2><a href="{{ post.get_absolute_url }}">{{ post.title }}</a></h2>
                       <div class="tags">
                        <a class="color-1">Gutenberg</a> 
                        <a class="color-3">Sidebar</a> 
                        <a class="color-8">WordPress</a> 
                        <a class="color-4">开发</a> 
                       </div>
                       <div class="summary">
                        <span class="views">
                          <svg class="bi bi-eye" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color:green">
                            <path fill-rule="evenodd" d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 001.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0014.828 8a13.133 13.133 0 00-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 001.172 8z" clip-rule="evenodd"></path>
                            <path fill-rule="evenodd" d="M8 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" clip-rule="evenodd"></path>
                          </svg>
                          {{ post.views }}
                        </span> 
                        <span class="likes">
                          <svg class="bi bi-heart-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color: red;">
                            <path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" clip-rule="evenodd"></path>
                          </svg>
                          {{ post.likes }}
                        </span> 
                        <span class="comments">
                          <svg class="bi bi-chat-quote-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg" style="color: #20a0ff;">
                            <path fill-rule="evenodd" d="M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 01-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7zM7.194 6.766c.087.124.163.26.227.401.428.948.393 2.377-.942 3.706a.446.446 0 01-.612.01.405.405 0 01-.011-.59c.419-.416.672-.831.809-1.22-.269.165-.588.26-.93.26C4.775 9.333 4 8.587 4 7.667 4 6.747 4.776 6 5.734 6c.271 0 .528.06.756.166l.008.004c.169.07.327.182.469.324.085.083.161.174.227.272zM11 9.073c-.269.165-.588.26-.93.26-.958 0-1.735-.746-1.735-1.666 0-.92.777-1.667 1.734-1.667.271 0 .528.06.756.166l.008.004c.17.07.327.182.469.324.085.083.161.174.227.272.087.124.164.26.228.401.428.948.392 2.377-.942 3.706a.446.446 0 01-.613.01.405.405 0 01-.011-.59c.42-.416.672-.831.81-1.22z" clip-rule="evenodd"></path>
                          </svg> 
                          {{ post.comment_set.count }} 
                        </span> 
                       </div>
                       <article class="description">
                        {{ post.excerpt }}
                       </article>
                      </div>
                     </div>
                  </div>

{% empty %}
  <div class="no-post">暂时还没有发布的文章！</div>
{% endfor %}



	        		</div>
	        	</div>

            </div>






          {% endblock main %}   





















                    {% block toc %}



               <div class="sidebar"> 
                 <div class="sidebarMenu"> 
                  <ul class="menu"> 
                   <li class="anchor" style="position: absolute; left: 1px; width: 38px; opacity: 1;"></li> 
                   <li id="menu-id1" class="active"> <a class="about-me-2" data-original-title="关于我"> 
                    <svg class="bi bi-person-fill " width="1.3em" height="1.3em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 100-6 3 3 0 000 6z" clip-rule="evenodd"></path>
                    </svg>
                  </a> </li> 
                   <li id="menu-id2" > <a class="tuijian-2" data-toggle="tooltip"  data-placement="auto top" data-original-title="文章推荐"> 
                    <svg class="bi bi-gem tuijian" width="1.2em" height="1.2em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                      <path fill-rule="evenodd" d="M3.1.7a.5.5 0 01.4-.2h9a.5.5 0 01.4.2l2.976 3.974c.149.185.156.45.01.644L8.4 15.3a.5.5 0 01-.8 0L.1 5.3a.5.5 0 010-.6l3-4zm11.386 3.785l-1.806-2.41-.776 2.413 2.582-.003zm-3.633.004l.961-2.989H4.186l.963 2.995 5.704-.006zM5.47 5.495l5.062-.005L8 13.366 5.47 5.495zm-1.371-.999l-.78-2.422-1.818 2.425 2.598-.003zM1.499 5.5l2.92-.003 2.193 6.82L1.5 5.5zm7.889 6.817l2.194-6.828 2.929-.003-5.123 6.831z" clip-rule="evenodd"></path>
                    </svg>
                  </a> </li> 
                  </ul> 
                 </div> 
                </div> 
                <div manual-template="sidebar" style="margin-top: -10px;margin-bottom: -10px;overflow: hidden; height: 1171px;"> 
                 <div class="custom-scrollbar-wrapper" style="position: relative;"> 
                  <div class="custom-scrollbar-content-wrapper" style="overflow: auto; width: 150%; position: relative; height: 1171px;"> 
                   <div class="custom-scrollbar-content" style="">
                    <aside id="sidebar-1" class="sidebar" style=""> 
                     <ul class="widget-list"> 
                      <li class="widget pf_user_info"> 
                       <div class="authorImg" style="background-image: url({% static 'blog/img/head_img.jpg' %});"></div> 
                       <div class="meta"> 
                        <div class="name">
                         Asa
                        </div> 
                        <div class="description">
                          独属于我自己的个人小屋
                        </div> 
                       </div> </li>
                       <li id="pf_tag_cloud-widget-2" class="widget pf_tag_cloud"> <h2 class="widgettitle">关注我</h2> 
                         <ul class="link"> 
                          <li> <a href="#" target="_blank">
                            <svg class="bi bi-eye" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 001.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0014.828 8a13.133 13.133 0 00-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 001.172 8z" clip-rule="evenodd"></path>
                              <path fill-rule="evenodd" d="M8 5.5a2.5 2.5 0 100 5 2.5 2.5 0 000-5zM4.5 8a3.5 3.5 0 117 0 3.5 3.5 0 01-7 0z" clip-rule="evenodd"></path>
                            </svg>
                            新浪微博</a> </li> 
                          <li> <a href="#" target="_self">
                            <svg class="bi bi-pencil" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path fill-rule="evenodd" d="M11.293 1.293a1 1 0 011.414 0l2 2a1 1 0 010 1.414l-9 9a1 1 0 01-.39.242l-3 1a1 1 0 01-1.266-1.265l1-3a1 1 0 01.242-.391l9-9zM12 2l2 2-9 9-3 1 1-3 9-9z" clip-rule="evenodd"></path>
                              <path fill-rule="evenodd" d="M12.146 6.354l-2.5-2.5.708-.708 2.5 2.5-.707.708zM3 10v.5a.5.5 0 00.5.5H4v.5a.5.5 0 00.5.5H5v.5a.5.5 0 00.5.5H6v-1.5a.5.5 0 00-.5-.5H5v-.5a.5.5 0 00-.5-.5H3z" clip-rule="evenodd"></path>
                            </svg>
                            微信公众号</a> 
                          </li>
                          <li> <a href="https://github.com/DeYu666" target="_blank">
                            <svg class="icon bi bi-link-45deg" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1483">
                                <path d="M427.392 853.504a61.44 61.44 0 0 1-1.450667 15.530667 92.586667 92.586667 0 0 1-10.965333 27.605333c-15.061333 25.301333-40.661333 42.154667-73.642667 42.154667-77.653333 0-108.117333-38.101333-146.261333-133.504C169.216 740.693333 157.013333 725.461333 128 725.461333v-85.333333c77.653333 0 108.117333 38.101333 146.261333 133.504 25.856 64.597333 38.058667 79.786667 67.072 79.786667 0-12.373333-0.170667-23.296-0.512-38.144-0.853333-34.816-0.938667-41.941333 0.554667-51.2 0.64-20.352 5.888-34.773333 16.384-49.066667-95.232-20.736-159.445333-63.573333-196.309333-132.992l-13.824-32.426667C134.186667 510.848 128 467.072 128 416.426667c0-58.24 17.749333-110.336 50.944-153.856-10.368-41.386667-8.96-91.989333 13.909333-149.077334l7.466667-18.688 19.2-6.101333c2.56-0.853333 5.632-1.578667 9.301333-2.133333 37.290667-5.888 90.325333 8.106667 159.701334 52.48a565.930667 565.930667 0 0 1 127.274666-14.208c38.741333 0 77.226667 3.882667 114.048 11.605333 67.456-42.24 119.04-55.509333 155.306667-49.92 3.626667 0.597333 6.741333 1.322667 9.258667 2.133333l19.285333 6.101334 7.466667 18.773333c20.010667 50.218667 23.424 96.469333 16.128 136.96C875.434667 296.32 896 352.597333 896 416.512c0 53.888-3.84 94.378667-14.933333 133.802667l-11.733334 32.170666c-30.677333 69.333333-98.304 112.64-202.538666 133.248 10.837333 15.018667 15.872 30.250667 15.872 52.394667v42.666667l-0.042667 42.666666a13.013333 13.013333 0 0 0 0.341333 2.730667L682.666667 938.794667c-36.352 0-63.36-17.706667-76.672-45.653334a88.277333 88.277333 0 0 1-8.661334-40.277333v-84.736c0-3.584-0.128-3.797333-8.832-12.501333-23.296-23.296-33.834667-40.874667-33.834666-72.832v-38.613334l38.4-3.84c114.346667-11.52 176.512-43.221333 197.12-89.6l9.6-26.325333c7.68-27.562667 10.88-61.098667 10.88-107.946667 0-49.706667-17.365333-90.837333-50.218667-123.648L742.4 274.773333l7.381333-24.448c6.528-21.717333 8.106667-47.402667 1.152-76.714666a158.634667 158.634667 0 0 0-3.584 0.938666c-22.826667 6.4-51.370667 20.053333-85.76 43.008l-15.658666 10.453334-18.304-4.522667a467.754667 467.754667 0 0 0-111.829334-13.269333c-42.709333 0-84.906667 5.418667-123.946666 16.042666l-19.029334 5.205334-16.256-11.136c-35.541333-24.32-65.109333-38.826667-88.746666-45.568a158.293333 158.293333 0 0 0-4.864-1.28c-8.234667 33.92-4.992 61.781333 3.413333 82.688l9.984 25.088-18.346667 19.797333C228.693333 332.629333 213.333333 370.986667 213.333333 416.512c0 41.685333 4.864 76.202667 13.824 102.229333l11.178667 26.453334c27.904 52.352 87.168 83.84 192.853333 95.146666l38.144 4.096v38.357334c0 32-10.538667 49.536-33.834666 72.832-8.704 8.704-8.832 8.96-8.832 12.501333l-0.725334 7.893333c-0.512 2.56-0.512 9.258667 0.170667 37.205334 0.298667 12.8 0.469333 22.997333 0.554667 33.621333a33.962667 33.962667 0 0 1 0.725333 6.656z" p-id="1484"></path>
                            </svg>
                            github</a>
                          </li>
                          <li> <a href="{% url 'comments:link' %}"  target="_self">
                            <svg class="bi bi-link-45deg" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                              <path d="M4.715 6.542L3.343 7.914a3 3 0 104.243 4.243l1.828-1.829A3 3 0 008.586 5.5L8 6.086a1.001 1.001 0 00-.154.199 2 2 0 01.861 3.337L6.88 11.45a2 2 0 11-2.83-2.83l.793-.792a4.018 4.018 0 01-.128-1.287z"></path>
                              <path d="M5.712 6.96l.167-.167a1.99 1.99 0 01.896-.518 1.99 1.99 0 01.518-.896l.167-.167A3.004 3.004 0 006 5.499c-.22.46-.316.963-.288 1.46z"></path>
                              <path d="M6.586 4.672A3 3 0 007.414 9.5l.775-.776a2 2 0 01-.896-3.346L9.12 3.55a2 2 0 012.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 00-4.243-4.243L6.586 4.672z"></path>
                              <path d="M10 9.5a2.99 2.99 0 00.288-1.46l-.167.167a1.99 1.99 0 01-.896.518 1.99 1.99 0 01-.518.896l-.167.167A3.004 3.004 0 0010 9.501z"></path>
                            </svg>
                            友情链接</a> 
                          </li>

                         </ul> </li> 

                      <li id="pf_tag_cloud-widget-3" class="widget pf_tag_cloud"> <h2 class="widgettitle">My Tags</h2> 
                          {% show_tags %}

                     </li> 
                     
                      <li id="pf_tag_cloud-widget-4" class="widget pf_tag_cloud"> <h2 class="widgettitle">导航</h2> 

                    {% show_categories %}

                      </li> 
                       <li id="pf_microblog-widget-2" class="widget pf_microblog"> <h2 class="widgettitle">轻博客</h2> 
                      

                        {% show_diarys %}


                     </li>
                     </ul>
                    </aside>
                    <aside id="sidebar-2" class="sidebar" style="display: none;">
                     <ul class="widget-list">
                      <li id="pf_hotposts-widget-2" class="widget pf_hotposts"><h2 class="widgettitle">大家喜欢</h2>


                        {% show_most_likes %}



                     </li>
                      <li id="pf_hotposts-widget-3" class="widget pf_hotposts"><h2 class="widgettitle">最近评论</h2>


                        {% show_most_time_comments %}


                     </li>
                     </ul>
                    </aside>
                   </div>
                  </div>
                  <div class="custom-scrollbar-track" style="width: 6px; background-color: transparent; position: absolute; top: 0px; height: 100%; display: block; right: 0px;">
                   <div class="scrollBar-background ui-draggable ui-draggable-handle scrolling" style="width: 6px; background-color: rgba(31, 45, 61, 0.2); position: absolute; right: 0px; height: 1053.18px; top: 0px;"></div>
                  </div>
                 </div>
                </div> 





          {% endblock toc %}   


















          {% block other %}



      <div class="pagenav">
        {% if is_paginated %}
    {{ page_obj.render }}
{% endif %}
        </div>


 
          {% endblock other %}   


